<template>
  <ScreenAdapter>
    <div class="bg">
      <!--  页面顶部   -->
      <Part_top/>
      <main>
        <!--  页面右侧   -->
        <Part_right/>
        <!--  页面左侧   -->
        <Part_left/>
        <!--  页面中部    -->
        <Part_middle/>
      </main>
    </div>
  </ScreenAdapter>
</template>

<script>
import ScreenAdapter from '../components/ScreenAdapter';
// import Part_top from "../components/part/Part_top";
// import Part_left from "../components/part/Part_left";
// import Part_right from "../components/part/Part_right";
// import Part_middle from "../components/part/Part_middle";
import Part_top from "@/components/Part_top";
import Part_left from "@/components/Part_left";
import Part_right from "@/components/Part_right";
import Part_middle from "@/components/Part_middle";

const echarts = require('echarts')
const echartsGl = require('echarts-gl')
const Highcharts = require('highcharts')

export default {
  name: "index",
  components: {
    ScreenAdapter, Part_top, Part_left, Part_right, Part_middle
  }
}
</script>

<style scoped>
* {
  margin: 0;
  padding: 0;
  font-family: 微软雅黑;
}

body {
  width: 100%;
  height: 100%;
}

.bg {
  background: url("../assets/bg.png") no-repeat;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background-size: cover;
  position: fixed;
  margin-top: -60px;
  margin-left: -8px;
}

.btn_bottom :hover {
  color: #F9D494;
}

main {
  margin: 6% auto;
  height: 81%;
  width: 96%;
}

footer {
  background: url("../assets/footer.png") no-repeat;
  overflow: hidden;
  background-size: cover;
  height: 8.2%;
  width: 100%;
  position: absolute;
  bottom: 0;
}
</style>
